iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 21
2

本篇仍然要用<script src="pixi-layer.js"></script>

素材用 Day7 PIXI.extras.TilingSprite車車

飆車殘影

一開始一樣要設定stage

app.stage = new PIXI.display.Stage();

再來建立一個PIXI.display.Layer
並設定useDoubleBuffer useRenderTexture

var layer = new PIXI.display.Layer();
layer.useDoubleBuffer = true; // 沒加就會壞
layer.useRenderTexture = true; // 加了才能用RenderTexture

製作殘影,alpha預設為1

var trailSprite = new PIXI.Sprite(layer.getRenderTexture());
trailSprite.alpha = 0.6;

layer.addChild(trailSprite);

最後把layer全部都加到stage上

app.stage.addChild(layer);

var showLayer = new PIXI.Sprite(layer.getRenderTexture());
app.stage.addChild(showLayer);

最後在ticker中,讓車車移動,就會有殘影囉

app.ticker.add(delta => {
    mountTiling.tilePosition.x -= 2;
    cloudTiling.tilePosition.x -= 0.5;
    groundTiling.tilePosition.x -= 2;
    anim.x += 10;

  });

今天發文的時間我正在前往東福寺的JR上,下午要去搭嵐山小火車
我爸媽這幾天得了上車看到位置就要趕快佔住的恐慌症,前幾天站了兩小時差點沒崩潰登愣


上一篇
Day20 z-order
下一篇
Day22 PIXI.projection.Sprite2d 做景深
系列文
30天Pixi帶你飛上天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
King Tzeng
iT邦新手 3 級 ‧ 2018-11-05 09:58:03

日本地鐵站死人的意思嗎XDDDDD(還沒去過日本....

我們第一天從關西機場搭到京都的火車有延遲,車上人又超滿,一小時的車程變兩小時,有點崩潰,但還好是第一天,爸媽腿還撐得住

廉價航空特價機票很便宜喔~我已經得了有假又看到機票就會出發的病了(主管表示:…………),我們這次買的機票不含行李來回四千,今年三月買到來回兩千的福岡…

但總而言之,這是不好的病,不要學。

我要留言

立即登入留言